<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>瑞州支付</title>
	<link rel="stylesheet"  href="<?php echo base_url()?>/css/jquery.mobile-1.2.0.css" />
	<script src="<?php echo base_url()?>/js/jquery.js"></script>
	<script src="<?php echo base_url()?>/js/jquery.mobile-1.2.0.js"></script>
	<style type="text/css">
		.pay_content{
		        border: none;
		        border-radius: 10px;
		        -moz-border-radius:10px;
		        -o-border-radius:10px;
		        -webkit-border-radius: 10px;
		        background-color: #E7F7CE;
		        padding: 20px;
		}
		.result{
			display:none;
			margin-top:15px;
		}
		strong{
			margin:0 10px;
		}
		/* -- ui-grid-a -- */
		.ui-grid-a .ui-block-a{
			width:30%;
		}
		.ui-grid-a .ui-block-b{
			width:70%;
		}
		.autoBack{
			color:#999;
			font-size:12px;
		}
	</style>
	
	<script type="text/javascript">
		$(function(){
			setTimeout(backGame,3000);
		});
		function backGame(){
			try{
				window.JsGameCenter.notifyPayResult("<?php echo $orderId;?>","<?php echo $productMoney;?>","<?php echo $payStatusCode;?>");			
			}catch(e){
				window.console.log("notify game error.");
			}
		}
	</script>
	
</head>
<body>
<div data-role="page" data-theme="d">
	<div data-role="header" data-theme="b" data-position="fixed">
		<h1>支付结果</h1>
	</div>
	<div data-role="content" >
		<div class="ui-grid-a">
			<div class="ui-block-a">
				<img style="width:50px;height:50px;margin:20px 25px 0 0;float:right;" src="<?php echo base_url() ?>/images/notification_done.png" />
			</div>
			<div class="ui-block-b">
				<p>订单支付成功!</p>
<!--				<p class="autoBack">3秒后将自动返回</p>-->
			</div>
		</div>
	</div>
</div>
</body>
</html>
